<template>

  <div>
    <el-container>
      <el-aside width="200px" >
        <Aside :is-collapse="isCollapse" :logoTextShow="logoTextShow" />
      </el-aside>
      <el-container>

        <el-header style="text-align: right; font-size: 12px">
          <Header :student="student"/>
        </el-header>

        <el-main>
          <!-- 表示当前页面的子路由会在router-view中显示-->
          <router-view/>
        </el-main>

      </el-container>
    </el-container>

  </div>

</template>




<script>

/*import request from "../utils/request"; 在app.vue中已经配置 直接访问全局的配置用this.request*/
import Aside from "../components/Aside";
import Header from "../components/Header";
export default {
  data() {
    return {
      isCollapse:false,
      logoTextShow:true,
      student:{},
    }
  },

  components:{ //引入组件
    Aside,
    Header,
  },

  methods: {
    loginOut() {
      window.sessionStorage.removeItem()
    },

  }
};
</script>


<style scoped>

.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}

</style>
